{% extends "_layouts/examples.html" %}
{% block title %}Chip / Read-Only / Inline / Side navigation{% endblock %}

{% block standalone_css %}patterns_chip{% endblock %}

{% block content %}

<ul class="p-side-navigation__list">
  <li class="p-side-navigation__item">
    <a class="p-side-navigation__link" href="#">About MAAS</a>
  </li>
  <li class="p-side-navigation__item">
    <a class="p-side-navigation__link" href="#">Explore MAAS<span class="p-side-navigation__status">
          <span class="p-chip--positive is-readonly is-inline is-dense">New</span>
        </span></a>
  </li>
  <li class="p-side-navigation__item">
    <a class="p-side-navigation__link" href="#">Quick start</a>
  </li>
</ul>

{% endblock %}
